<template>  
  <div class="page-navbar">   
    <mt-navbar class="page-part" v-model="selected">  
      <mt-tab-item id="1">提醒</mt-tab-item>  
      <mt-tab-item id="2">私信</mt-tab-item>    
    </mt-navbar>   
    <!-- tabcontainer -->  
    <mt-tab-container v-model="selected">  
      <mt-tab-container-item id="1">  
        <mt-cell v-for="n in 10" :title="'提醒 ' + n"  :key="n"/></mt-cell>
      </mt-tab-container-item>  
      <mt-tab-container-item id="2">  
        <mt-cell v-for="n in 4" :title="'私信 ' + n" :key="n"/> </mt-cell> 
      </mt-tab-container-item> 
    </mt-tab-container>  
  </div>  
</template>  
<script>  
export default {  
  name: 'page-navbar',  
  
  data() {  
    return {  
      selected: '1'  
    };  
  }  
};  
</script> 